import { type SlateElementProps, type TFileElement } from "platejs";

import { FileUp } from "lucide-react";
import { SlateElement } from "platejs";

export function FileElementStatic(props: SlateElementProps&lt;TFileElement&gt;) {
  const { name, url } = props.element;

  return (
    &lt;SlateElement className="my-px rounded-sm" {...props}&gt;
      <a href target="_blank">
        <div>
          &lt;FileUp className="size-5" /&gt;
          <div>{name}</div>
        </div>
      </a>
      {props.children}
    &lt;/SlateElement&gt;
  );
}
